<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="dataGrid" class="mb-2 formio-form-group has-feedback formio-component formio-component-datagrid formio-component-dataGrid " ref="component">
      <label ref="label" class="col-form-label " for="dataGrid-dataGrid" id="l-dataGrid-dataGrid">
        Data Grid
      </label>
      <table class="table datagrid-table table-bordered
    ">
        <thead>
          <tr>
            <th class="">
              Date / Time
            </th>
            <th class="">
              Text Field2
            </th>
            <th class="">
              Text Field
            </th>
            <th>
              <span class="visually-hidden">Add/Remove</span>
            </th>
          </tr>
        </thead>
        <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
          <tr ref="datagrid-dataGrid-row">
            <td ref="datagrid-dataGrid">
              <div id="dateTime" class="mb-2 formio-form-group has-feedback formio-component formio-component-datetime formio-component-dateTime  formio-component-label-hidden" ref="component">
                <div ref="element">
                  <div class="input-group">
                    <input ref="input" name="data[dataGrid][0][dateTime]" type="text" class="form-control" lang="en" value="" id="dateTime-dateTime" aria-labelledby="l-dateTime-dateTime " aria-required="false"></input>
                    <span aria-live="assertive" id="dateTime-liveRegion" class="visually-hidden" ref="liveRegion"></span>
                    <div class="input-group-text" ref="suffix">
                      <i ref="icon" class="fa fa-calendar bi bi-calendar" style=""></i>
                    </div>
                  </div>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
            <td ref="datagrid-dataGrid">
              <div id="textField2" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField2  formio-component-label-hidden" ref="component">
                <div ref="element">
                  <div class="input-group">
                    <input ref="input" name="data[dataGrid][0][textField2]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField2-textField2" aria-labelledby="l-textField2-textField2 " aria-required="false"></input>
                    <div class="input-group-text" ref="suffix">
                      <i ref="icon" class="fa fa-calendar bi bi-calendar" style=""></i>
                    </div>
                  </div>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
            <td ref="datagrid-dataGrid">
              <div id="textField" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textField  formio-component-label-hidden" ref="component">
                <div ref="element">
                  <div class="input-group">
                    <input ref="input" name="data[dataGrid][0][textField]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textField-textField" aria-labelledby="l-textField-textField " aria-required="false"></input>
                    <div class="input-group-text" ref="suffix">
                      <i ref="icon" class="fa fa-calendar bi bi-calendar" style=""></i>
                    </div>
                  </div>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
            <td>
              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="Remove" style="display: block; margin: 0 auto">
                <i class="fa fa-remove-circle bi bi-x-circle"></i>
              </button>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="5">
              <button class="btn btn-primary formio-button-add-row" ref="datagrid-dataGrid-addRow" tabindex="0">
                <i class="fa fa-plus bi bi-plus-lg"></i> Add Another
              </button>
            </td>
          </tr>
        </tfoot>
      </table>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="submit" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-submit  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>